<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/template/template.xhtml">

	<ui:define name="conteudo">

		<h:form prependId="false" id="form">

			<p:dataTable var="c" value="#{clienteBean.clientes}" paginator="true"
					rows="10" rowsPerPageTemplate="10,20,30">

				<p:column sortBy="#{c.nome}" filterBy="#{c.nome}">
					<f:facet name="header">
						<h:outputText value="Nome" />
					</f:facet>
					<h:outputText value="#{c.nome}" />
				</p:column>

				<p:column sortBy="#{c.cpf}" filterBy="#{c.cpf}">
					<f:facet name="header">
						<h:outputText value="Cpf" />
					</f:facet>
					<h:outputText value="#{c.cpf}" />
				</p:column>

				<p:column sortBy="#{c.rg}" filterBy="#{c.rg}">
					<f:facet name="header">
						<h:outputText value="Rg" />
					</f:facet>
					<h:outputText value="#{c.rg}" />
				</p:column>

				<p:column headerText="Situação">
					<h:outputText rendered="#{c.situacao=='1'}" value="Quitado" />
					<h:outputText rendered="#{c.situacao=='2'}" value="Pendente" />
				</p:column>

				<p:column headerText="Pagar Fatura" width="100">
				<h:outputText action="" />
					<center>
						<h:graphicImage library="images" name="pagamento.png" width="40" height="40" rendered="#{c.situacao=='2'}" />
						<h:graphicImage library="images" name="check.png" width="40" height="40" rendered="#{c.situacao=='1'}" />
					</center>
				</p:column>

			

			</p:dataTable>

		</h:form>


	</ui:define>
</ui:composition>